<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="follow-top">
        <div class="header">
            <ul class="header-nav">
                <li class="active">关注</li>
                <li>附近</li>
                <li>收藏</li>
                <li>个人动态</li>
            </ul>
            <button class="header-follow">+关注</button>

        </div>
        <div class="intext"><input type="text" placeholder="搜索"></div>
    </div>
    <div class="follow-main">
        <div class="main-one">
            <img src="../imgs/name.jpg" alt="">
            <span class="main-one-name">用户名</span>
            <span class="main-one-btn"><button>已关注</button></span>
        </div>
        <div class="main-one">
            <img src="../imgs/name.jpg" alt="">
            <span class="main-one-name">用户名</span>
            <span class="main-one-btn"><button>互相关注</button></span>
        </div>
        <div class="main-one">
            <img src="../imgs/name.jpg" alt="">
            <span class="main-one-name">用户名</span>
            <span class="main-one-btn"><button>已关注</button></span>
        </div>
    </div>

    <div class="nav">
        <div class="nav-item">
            <span class="iconfont icon-home"></span>
            <a href="./home.html">首页</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-start"></span>
            <a href="./run.html">运动</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-dongtai"></span>
            <a href="./follow.html">圈子</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-yonghu1"></span>
            <a href="./my.html">我的</a>
        </div>
    </div>

</body>

</html>